<template>
    <div id="second">
        <ClassTop id="top"></ClassTop>
        <ClassElse id="else"></ClassElse>
        <ClassFooter id="footer"></ClassFooter>
    </div>
</template>

<script>
import ClassTop from '../../components/yan/class/ClassTop.vue';
import ClassElse from '../../components/yan/class/ClassElse.vue';
import ClassFooter from '../../components/yan/class/ClassFooter.vue';

export default {
    components: {
        ClassTop,
        ClassElse,
        ClassFooter
    }
}
</script>

<style lang="scss" scoped>
#top {
    height: 2.5rem;
}

#else {
    flex: 1;
    overflow: auto;
}

#footer {
    background-color: aqua;
}
</style>